$(function() {

	// Area Chart
	Morris.Area({
		element : 'morris-area-chart',
		data : [ {
			period : '2010 Q1',
			iphone : 2666,
			ipad : null,
			itouch : 2647
		}, {
			period : '2010 Q2',
			iphone : 2778,
			ipad : 2294,
			itouch : 2441
		}, {
			period : '2010 Q3',
			iphone : 4912,
			ipad : 1969,
			itouch : 2501
		}, {
			period : '2010 Q4',
			iphone : 3767,
			ipad : 3597,
			itouch : 5689
		}, {
			period : '2011 Q1',
			iphone : 6810,
			ipad : 1914,
			itouch : 2293
		}, {
			period : '2011 Q2',
			iphone : 5670,
			ipad : 4293,
			itouch : 1881
		}, {
			period : '2011 Q3',
			iphone : 4820,
			ipad : 3795,
			itouch : 1588
		}, {
			period : '2011 Q4',
			iphone : 15073,
			ipad : 5967,
			itouch : 5175
		}, {
			period : '2012 Q1',
			iphone : 10687,
			ipad : 4460,
			itouch : 2028
		}, {
			period : '2012 Q2',
			iphone : 8432,
			ipad : 5713,
			itouch : 1791
		} ],
		xkey : 'period',
		ykeys : [ 'iphone', 'ipad', 'itouch' ],
		labels : [ 'iPhone', 'iPad', 'iPod Touch' ],
		pointSize : 2,
		hideHover : 'auto',
		resize : true
	});

	// Donut Chart
	Morris.Donut({
		element : 'morris-donut-chart',
		data : [ {
			label : "其他销售额",
			value : 12
		}, {
			label : "店铺销售额",
			value : 30
		}, {
			label : "网购销售额",
			value : 20
		} ],
		resize : true
	});

	// Line Chart
	Morris.Line({
		// ID of the element in which to draw the chart.
		element : 'morris-line-chart',
		// Chart data records -- each entry in this array corresponds to a point on
		// the chart.
		data : [ {
			d : '2012-10-01',
			visits : 802
		}, {
			d : '2012-10-02',
			visits : 783
		}, {
			d : '2012-10-03',
			visits : 820
		}, {
			d : '2012-10-04',
			visits : 839
		}, {
			d : '2012-10-05',
			visits : 792
		}, {
			d : '2012-10-06',
			visits : 859
		}, {
			d : '2012-10-07',
			visits : 790
		}, {
			d : '2012-10-08',
			visits : 1680
		}, {
			d : '2012-10-09',
			visits : 1592
		}, {
			d : '2012-10-10',
			visits : 1420
		}, {
			d : '2012-10-11',
			visits : 882
		}, {
			d : '2012-10-12',
			visits : 889
		}, {
			d : '2012-10-13',
			visits : 819
		}, {
			d : '2012-10-14',
			visits : 849
		}, {
			d : '2012-10-15',
			visits : 870
		}, {
			d : '2012-10-16',
			visits : 1063
		}, {
			d : '2012-10-17',
			visits : 1192
		}, {
			d : '2012-10-18',
			visits : 1224
		}, {
			d : '2012-10-19',
			visits : 1329
		}, {
			d : '2012-10-20',
			visits : 1329
		}, {
			d : '2012-10-21',
			visits : 1239
		}, {
			d : '2012-10-22',
			visits : 1190
		}, {
			d : '2012-10-23',
			visits : 1312
		}, {
			d : '2012-10-24',
			visits : 1293
		}, {
			d : '2012-10-25',
			visits : 1283
		}, {
			d : '2012-10-26',
			visits : 1248
		}, {
			d : '2012-10-27',
			visits : 1323
		}, {
			d : '2012-10-28',
			visits : 1390
		}, {
			d : '2012-10-29',
			visits : 1420
		}, {
			d : '2012-10-30',
			visits : 1529
		}, {
			d : '2012-10-31',
			visits : 1892
		}, ],
		// The name of the data record attribute that contains x-visitss.
		xkey : 'd',
		// A list of names of data record attributes that contain y-visitss.
		ykeys : [ 'visits' ],
		// Labels for the ykeys -- will be displayed when you hover over the
		// chart.
		labels : [ '访问量' ],
		// Disables line smoothing
		smooth : false,
		resize : true
	});

	// Bar Chart
	Morris.Bar({
		element : 'morris-bar-chart',
		data : [ {
			device : 'iPhone',
			geekbench : 136
		}, {
			device : 'iPhone 3G',
			geekbench : 137
		}, {
			device : 'iPhone 3GS',
			geekbench : 275
		}, {
			device : 'iPhone 4',
			geekbench : 380
		}, {
			device : 'iPhone 4S',
			geekbench : 655
		}, {
			device : 'iPhone 5',
			geekbench : 1571
		} ],
		xkey : 'device',
		ykeys : [ 'geekbench' ],
		labels : [ '性能测试' ],
		barRatio : 0.4,
		xLabelAngle : 35,
		hideHover : 'auto',
		resize : true
	});

});
